iT邦幫忙

2023 iThome 鐵人賽

DAY 21
0

今天要來介紹javascrip的函數
當有段程式需要重複執行,那函數就派上用場

函數的語法

在 JavaScript 中,您可以使用 function 關鍵字來定義一個函數,並指定函數的名稱、參數和函數體。

function sayHello(name) {
    console.log("Hello, " + name + "!");
}

sayHello:函數的名稱
name:函數的參數(不是每個函數都要參數,依據你的函數設定)
{}內的內容就是這段函數執行的程式碼

函數呼叫

要使用函數,您需要呼叫它。函數的呼叫是通過函數名稱後跟括號內的參數列表來完成的。

sayHello("John"); // 呼叫函數,輸出 "Hello, John!"

函數的返回值

函數可以返回一個值,您可以使用 return 關鍵字來指定要返回的值。如果函數未指定 return,則返回 undefined。

function add(x, y) {
    return x + y;
}

var result = add(5, 3); // 呼叫函數並將結果存儲在變數中
console.log(result);    // 輸出 8

匿名函數

除了使用函數名稱來定義函數外,還可以創建匿名函數,這是沒有名稱的函數。匿名函數通常用於將函數賦值給變數或作為另一個函數的參數。

var greet = function(name) {
    console.log("Hello, " + name + "!");
};
greet("Alice"); // 呼叫匿名函數,輸出 "Hello, Alice!"

箭頭函數

它們提供了一種更簡潔的語法來定義函數,特別適用於簡單的函數

var multiply = (x, y) => x * y;
var result = multiply(4, 3);
console.log(result); // 輸出 12

函數的作用域

JavaScript 中的變數作用域分為全域作用域和函數作用域。函數內聲明的變數通常只能在函數內部訪問,而全域作用域中聲明的變數可以在整個程式中訪問。

var globalVar = "I'm global"; // 全域作用域變數

function myFunction() {
    var localVar = "I'm local"; // 函數作用域變數
    console.log(localVar); // 可以訪問 localVar
}
console.log(globalVar); // 可以訪問 globalVar
console.log(localVar);  // 無法訪問 localVar,會產生錯誤

上一篇
DAY20javascript基本語法
下一篇
[Day22]JavaScript 事件處理
系列文
網頁設計之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言